<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>

  <header class="header" data-component="Header">

    <h1 class="heading" data-component="Heading">Hello, world!</h1>

    <nav class="nav" data-component="Nav">
      <ul class="list">
        <li class="list-item" data-component="ListItem"></li>
        <li class="list-item" data-component="ListItem"></li>
      </ul>
    </nav>

  </header>

  <main class="main" data-component="Main">
    <form action="" data-component="Form">
      <div class="field" data-component="Field">
        <label for="input" data-component="Label">Input<span>label</span></label>
        <input type="text" id="input" data-component="Input">
      </div>
    </form>
  </main>

</body>
</html>
